<!DOCTYPE html>
<!--[if IE 9]>         <html class="ie9 no-focus" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-focus" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">

        <title>OneUI - Admin Dashboard Template &amp; UI Framework</title>

        <meta name="description" content="OneUI - Admin Dashboard Template &amp; UI Framework created by pixelcave and published on Themeforest">
        <meta name="author" content="pixelcave">
        <meta name="robots" content="noindex, nofollow">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">

        <!-- Icons -->
        <!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
        <link rel="shortcut icon" href="assets/img/favicons/favicon.png">

        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="assets/img/favicons/favicon-192x192.png" sizes="192x192">

        <link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicons/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicons/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicons/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicons/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicons/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicons/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicons/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon-180x180.png">
        <!-- END Icons -->

        <!-- Stylesheets -->
        <!-- Web fonts -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">

        <!-- Bootstrap and OneUI CSS framework -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" id="css-main" href="assets/css/oneui.css">

        <!-- You can include a specific file from css/themes/ folder to alter the default color theme of the template. eg: -->
        <!-- <link rel="stylesheet" id="css-theme" href="assets/css/themes/flat.min.css"> -->
        <!-- END Stylesheets -->
    </head>
    <body>

         <div id="page-container" class="sidebar-l sidebar-o side-scroll header-navbar-fixed">
             <!-- Sidebar -->
            <nav id="sidebar">
                <!-- Sidebar Scroll Container -->
                <div id="sidebar-scroll">
                    <!-- Sidebar Content -->
                    <!-- Adding .sidebar-mini-hide to an element will hide it when the sidebar is in mini mode -->
                    <div class="sidebar-content">
                        <!-- Side Header -->
                        <div class="side-header side-content bg-white-op">
                            <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                            <button class="btn btn-link text-gray pull-right hidden-md hidden-lg" type="button" data-toggle="layout" data-action="sidebar_close">
                                <i class="fa fa-times"></i>
                            </button>                       
                            <a class="h5 text-white" href="main.html">
                                <i class="fa fa-circle-o-notch text-primary"></i> <span class="h4 font-w600 sidebar-mini-hide">me</span>
                            </a>
                        </div>
                        <!-- END Side Header -->

                        <!-- Side Content -->
                         <div class="side-content side-content-full">
                            <ul class="nav-main">                                
                                <li class="nav-main-heading"><span class="sidebar-mini-hide">目录</span></li>
                                <li>
                                    <a class="" href="main.html"><i class="si si-cup"></i><span class="sidebar-mini-hide">首页</span></a>
                                </li>
                                <li>
                                    <a class="" href="allstudy.html"><i class="si si-book-open"></i><span class="sidebar-mini-hide">学习资源</span></a>
                                </li>
                                <li>
                                    <a class="" href="mystudy.html"><i class="si si-book-open"></i><span class="sidebar-mini-hide">我的学习</span></a>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-grid"></i><span class="sidebar-mini-hide">管理</span></a>
                                    <ul>
                                        <li>
                                            <a class="" href="videomanage.html">视频资源</a>
                                        </li>
                                        <li>
                                            <a class="" href="docmanage.html">文档资源</a>
                                        </li>
                                        <li>
                                            <a class="" href="learnermanage.html">学习者管理</a>
                                        </li>
                                        <li>
                                            <a class="" href="newsource.html">资源上传</a>
                                        </li>
                                        <li>
                                            <a class="active" href="audit.html">资源审核</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="open">
                                    <a class="nav-submenu" data-toggle="nav-submenu" href="#"><i class="si si-user"></i><span class="sidebar-mini-hide">个人中心</span></a>
                                    <ul>
                                        <li>
                                            <a class="" href="myself.html">个人信息</a>
                                        </li>
                                        <li>
                                            <a class="" href="mypassword.html">修改密码</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <!-- END Side Content -->
                    </div>
                    <!-- Sidebar Content -->
                </div>
                <!-- END Sidebar Scroll Container -->
            </nav>
            <!-- END Sidebar -->
            
             <!-- Header -->
            <header id="header-navbar" class="content-mini content-mini-full">                            
                <!-- Header Navigation Left -->
                <ul class="nav-header pull-left">
                    <li class="hidden-md hidden-lg">
                        <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                        <button class="btn btn-default" data-toggle="layout" data-action="sidebar_toggle" type="button">
                            <i class="fa fa-navicon"></i>
                        </button>
                    </li>
                    <li class="hidden-xs hidden-sm">
                        <!-- Layout API, functionality initialized in App() -> uiLayoutApi() -->
                        <button class="btn btn-default" data-toggle="layout" data-action="sidebar_mini_toggle" type="button">
                            <i class="fa fa-ellipsis-v"></i>
                        </button>
                    </li>                                                          
                </ul>
            </header>

            <!-- Main Container -->
            <main id="main-container">
                <!-- Page Content -->
                <div class="content">
                    <div class="row">       
                        <div class="col-sm-7 col-lg-9">
                            <!-- Message List -->
                            <div class="block">
                                <div class="block-header bg-gray-lighter">
                                    <ul class="block-options">
                                        <li>
                                            <button class="js-tooltip" title="Previous 15 Messages" type="button" data-toggle="block-option"><i class="si si-arrow-left"></i></button>
                                        </li>
                                        <li>
                                            <button class="js-tooltip" title="Next 15 Messages" type="button" data-toggle="block-option"><i class="si si-arrow-right"></i></button>
                                        </li>
                                        <li>
                                            <button type="button" data-toggle="block-option" data-action="refresh_toggle" data-action-mode="demo"><i class="si si-refresh"></i></button>
                                        </li>
                                        <li>
                                            <button type="button" data-toggle="block-option" data-action="fullscreen_toggle"></button>
                                        </li>
                                    </ul>
                                    <div class="block-title text-normal">
                                        <strong>15-30</strong> <span class="font-w400">from</span> <strong>60</strong>
                                    </div>
                                </div>
                                <div class="block-content">
                                    <!-- Messages Options -->
                                    <div class="push">
                                        <button class="btn btn-default pull-right" type="button"><i class="fa fa-times text-danger push-5-l push-5-r"></i> <span class="hidden-xs">Delete</span></button>
                                        <div class="btn-group">
                                            <button class="btn btn-default" type="button"><i class="fa fa-star text-warning push-5-l push-5-r"></i> <span class="hidden-xs">OK</span></button>
                                        </div>
                                    </div>
                                    <!-- END Messages Options -->

                                    
                                    <div class="pull-r-l">
                                        <table class="js-table-checkable table table-hover table-vcenter">
                                            <tbody>
                                                <tr>
                                                    <td class="text-center" style="width: 70px;">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600" style="width: 140px;">Adam Hall</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Welcome to our service</a>
                                                        <div class="text-muted push-5-t">It's a pleasure to have you on our service..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted" style="width: 80px;">
                                                        <i class="fa fa-paperclip"></i> (3)
                                                    </td>
                                                    <td class="visible-lg text-muted" style="width: 120px;">
                                                        <em>2 min ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Walter Fox</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Your subscription was updated</a>
                                                        <div class="text-muted push-5-t">We are glad you decided to go with a vip..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (2)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>10 min ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Ronald George</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Update is available</a>
                                                        <div class="text-muted push-5-t">An update is under way for your app..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>25 min ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Tiffany Kim</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">New Sale!</a>
                                                        <div class="text-muted push-5-t">You had a new sale and earned..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (1)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>30 min ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Roger Hart</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Action Required for your account!</a>
                                                        <div class="text-muted push-5-t">Your account is inactive for a long time and..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>1 hour ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Roger Hart</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">New Photo Pack!</a>
                                                        <div class="text-muted push-5-t">Our new photo pack is available now! You..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>2 hrs ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Amanda Powell</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Product is released!</a>
                                                        <div class="text-muted push-5-t">This is a notification about our new product..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (1)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>1 day ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Rebecca Gray</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Now on Sale!</a>
                                                        <div class="text-muted push-5-t">Our Book is out! You can buy a copy and..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (9)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>1 day ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Ryan Hall</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Monthly Report</a>
                                                        <div class="text-muted push-5-t">The monthly report you requested for..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (6)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>3 days ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Roger Hart</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Trial Started!</a>
                                                        <div class="text-muted push-5-t">You 30-day trial has now started and..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>3 days ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Laura Bell</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Invoice #INV001645</a>
                                                        <div class="text-muted push-5-t">This is the invoice for the project we..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>5 days ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Ann Parker</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Friend Request!</a>
                                                        <div class="text-muted push-5-t">You have a new friend request. Click the..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (5)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>1 week ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Dennis Ross</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Enjoy life!</a>
                                                        <div class="text-muted push-5-t">Thank you for helping us with our cause...</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (3)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>1 week ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">John Parker</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">New Twitter follower!</a>
                                                        <div class="text-muted push-5-t">You have a new follower, congratulations..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <i class="fa fa-paperclip"></i> (1)
                                                    </td>
                                                    <td class="visible-lg text-muted">
                                                        <em>2 weeks ago</em>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="text-center">
                                                        <label class="css-input css-checkbox css-checkbox-primary">
                                                            <input type="checkbox"><span></span>
                                                        </label>
                                                    </td>
                                                    <td class="hidden-xs font-w600">Eric Lawson</td>
                                                    <td>
                                                        <a class="font-w600" data-toggle="modal" data-target="#modal-message" href="#">Huge Discount available!</a>
                                                        <div class="text-muted push-5-t">Due to the fact that you are a great..</div>
                                                    </td>
                                                    <td class="visible-lg text-muted"></td>
                                                    <td class="visible-lg text-muted">
                                                        <em>3 weeks ago</em>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- END Messages -->
                                </div>
                            </div>
                            <!-- END Message List -->
                        </div>
                    </div>
                </div>
                <!-- END Page Content -->
            </main>
            <!-- END Main Container -->
         </div>

        <script src="assets/js/core/jquery.min.js"></script>
        <script src="assets/js/core/bootstrap.min.js"></script>
        <script src="assets/js/core/jquery.slimscroll.min.js"></script>
        <script src="assets/js/core/jquery.scrollLock.min.js"></script>
        <script src="assets/js/core/jquery.appear.min.js"></script>
        <script src="assets/js/core/jquery.countTo.min.js"></script>
        <script src="assets/js/core/jquery.placeholder.min.js"></script>
        <script src="assets/js/core/js.cookie.min.js"></script>
        <script src="assets/js/app.js"></script>

        <!-- Page JS Plugins -->
        <script src="assets/js/plugins/easy-pie-chart/jquery.easypiechart.min.js"></script>

        <!-- Page JS Code -->
        <script>
            jQuery(function () {
                // Init page helpers (Table Tools helper + Easy Pie Chart plugin)
                App.initHelpers(['table-tools', 'easy-pie-chart']);
            });
        </script>
    </body>
</html>